@import '../../variable.less';
.training {
  .van-cell {
    padding: 10px !important;

  }
  .van-cell__title {
    font-weight: 700;
    border-left: 2px @color solid;
    text-indent: 20rpx;
  }    
  .list-item {  
    padding: 0 10px 10px;
    background-color: #fff;
    position: relative;
    &::after{
      position: absolute;
      content: '';
      background-color: #e5e5e5;
      // display: block;
      width: 100%;
      height: 1px; 
      transform: scale(1, 0.5);
      bottom: 0;
      left: 0;
    }
    .main_picture {
      width: 100%;
      height: 320rpx;
      border-radius: 4px;
      display: block;
      margin-bottom: 20rpx;
    }
    .project {

      .item {
        display: flex;
        padding: 20rpx 0;
        .right {
          flex: 1;
        }
        .project-image {
          width: 260rpx;
          height: 170rpx;
          border-radius: 4px;
          margin-right: 20rpx;
        }
        .title {
          font-size: 28rpx;
          height: 80rpx;
          box-sizing: border-box;
          padding: 0;
          flex: 1;
        }
        .tag {
          color: @color;
          font-size: 24rpx;
          justify-content: unset;
          margin-top: 16rpx;

          .text {
            margin-right: 20rpx;
          }
        }
        .data {
          display: flex;
          align-items: center;
          color: #999;
          font-size: 24rpx;
          padding-top: 10rpx;
          .visitors {
            margin-left: 4rpx;
            margin-right: 20rpx;
  
          }
        }
      }
    }  
  }
  
}